<!DOCTYPE html>
<!-- saved from url=(0032)http://www.bopai.com/web/mobile/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" href="http://www.bopai.com/web/img/favicon.png?5890601730" type="image/png"><meta charset="UTF-8">
<title>博湃养车|上门保养 极致体验</title>
<meta name="description" content="博湃是致力于改变汽车后市场传统服务模式的实践者，为广大车主提供足 不出户的车辆全生命周期360°养护服务。">
<meta name="keywords" content="上门保养,上门养车,专属养车,养车顾问,北京上门保养,北京汽车上门保养,博湃养车">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<link href="<?php echo __CONTENT__;?>/wap/css/1024.css" rel="stylesheet" type="text/css">
<link href="<?php echo __CONTENT__;?>/wap/css/style.css" rel="stylesheet" type="text/css">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<script src="<?php echo __CONTENT__;?>/js/jquery.js"></script>
<link href="<?php echo __CONTENT__;?>/wap/css/index.css" rel="stylesheet" type="text/css">
    <style>
        .car-list li {
            border: 1px solid #c4bfbf;
            width: 70%;
            margin: 0 auto;
            padding-top: 10px;
            line-height: 20px;
            padding-bottom: 10px;
            margin-bottom: 10px;
            font-size: 16px;
            background-color: #fff;
            clear: both;
        }

            .car-list li span {
                background: url(/web/mobile/img/next.png) no-repeat center right #fff;
                background-size: 3.7%;
                width: 96%;
                display: block;
            }

        @media only screen and (min-width: 361px) {
            .car-list li b {
                margin-top: 0%;
            }
        }
    </style>
</head>

<body>
    <header class="container8 clearfix">
                        <div class="logo column8">
                            <div class="column4 tl">
                             <a href="./save_files/save.html"><img class="logo-img" src="<?php echo __CONTENT__;?>/wap/images/logo.png" alt="博湃"></a>
                            </div>
                            <div class="column4 tr ">
                                <a href="http://www.bopai.com/web/mobile/account/"><img src="<?php echo __CONTENT__;?>/wap/images/account.png" class="account"></a>
                            </div>
                        </div>
                    </header>

    <div class="container8 row">
        <!--表单-->
        <div class="column8 form">
            <form method="get" action="<?php echo U('save');?>">
                <h2 style="font-size: 18px; line-height: 40px;">请选择您要保养的车辆</h2>
                <p>
                    <select name="car_id">
                        <option value="-1">品牌</option>
                        <?php foreach($car_list as $v){?>
                        <option value="<?php echo $v['id'];?>"><?php echo $v['name'];?></option>
                        <?php }?>
                    </select>
                </p>
                <p>
                    <select name="model_id">
                        <option value="-1">车型</option>
                    </select>
                </p>
                <p>
                    <select name="displacement_id">
                        <option value="-1">排量</option>
                    </select>
                </p>
                <p>
                    <input type="submit" style="width:70%;margin-bottom:20px;" id="sub_btn" class="btn disabled" value="立即预约" disabled="disabled">
                </p>
            </form>
        </div>

        <!--养车顾问-->
        <div class="column8 car-new">
            <h2>您的专属养车顾问</h2>
            
            <div class="column4 mt-20">
                <img src="<?php echo __CONTENT__;?>/wap/images/创新.png" style="display: inline;">
                <h2>创新</h2>
                <p>保养时间地点由您做主 智能保养爱车养护无忧 平均价格比4S店低40%</p>
            </div>
            
            <div class="column4 mt-20">
                <img src="<?php echo __CONTENT__;?>/wap/images/专业.png" style="display: inline;">
                <h2>专业</h2>
                <p>十年经验专业汽车团队 博湃五级质量保证体系 阶梯式保养顾问服务</p>
            </div>
            
            <div class="column4 mt-20">
                <img src="<?php echo __CONTENT__;?>/wap/images/便捷.png" style="display: inline;">
                <h2>便捷</h2>
                <p>标准化流程省时省心 随时随地三种方式下单 常规保养平均耗时45Min</p>
            </div>
            
            <div class="column4 mt-20">
                <img src="<?php echo __CONTENT__;?>/wap/images/专属.png" style="display: inline;">
                <h2>专属</h2>
                <p>养车顾问管家化服务 博湃盒子智能化管理 量身定做未来保养计划</p>
            </div>
            
        </div>

        <!--全车45项安全检测-->
        <div class="column8 box gray-bg-color ">
            <img src="<?php echo __CONTENT__;?>/wap/images/bg1.png" style="display: inline;">
            <h2>全车45项安全检测</h2>
            <h3>大咖们，如何做到出行相当无忧？</h3>
            <p>专业技师加专业设备，云端自动生成车辆体检报告，车辆健康状况数字化显示，简单易懂，让您更加了解爱车，出行安全无忧。</p>
        </div>

        <!--定期常规保养-->
        <div class="column8 box">
            <img lazyload="<?php echo __CONTENT__;?>/wap/images/bg2.png" src="<?php echo __CONTENT__;?>/wap/images/bg2.png"><br>
            <br>
            <h2>定期常规保养</h2>
            <h3>爱因斯坦说过：汽车保养是要定期做的。</h3>
            <p>博湃为您提供专业的技术搭配顶级养护产品。</p>
        </div>

        <!--空调系统保养-->
        <div class="column8 box">
            <img lazyload="<?php echo __CONTENT__;?>/wap/images/xiche.jpg" src="<?php echo __CONTENT__;?>/wap/images/xiche.jpg"><br>
            <br>
            <h2>空调系统保养</h2>
            <h3>即使在帝都，也不要为PM2.5担心了。</h3>
            <p>博湃独特的空调系统保养方案，不仅为您全面保养空调系统，并为您提供一年4次的PM2.5空调滤芯上门更换服务，确保您车内PM2.5低于20。</p>
        </div>

    </div>
<script src="<?php echo __CONTENT__;?>/js/jquery.js"></script>
<script>
$(function(){
	var model_list=<?php echo $model_list;?>;
	var displacement_list=<?php echo $displacement_list;?>;
	$("select[name='model_id']").change(function(){
		var car_id=$("select[name='car_id']").val();
		var model_id=$(this).val();
		var html='';
		for(var i in displacement_list[car_id][model_id]){
			html+='<option value="'+displacement_list[car_id][model_id][i].id+'">'+displacement_list[car_id][model_id][i].name+'</option>';
		}
		$("select[name='displacement_id']").html(html);
	});
	$("select[name='car_id']").change(function(){
		var car_id=$(this).val();
		if(car_id==-1){
			$("select[name='model_id']").html('<option value="-1">车型</option>');
			$("select[name='displacement_id']").html('<option value="-1">排量</option>');
			$("#sub_btn").attr("disabled","disabled").addClass("disabled");
			return false;
		}
		var html='';
		for(var i in model_list[car_id]){
			html+='<option value="'+model_list[car_id][i].id+'">'+model_list[car_id][i].name+'</option>';
		}
		$("select[name='model_id']").html(html);
		$("select[name='model_id']").change();
		
		var car_id=$("select[name='car_id']").val();
		var model_id=$("select[name='model_id']").val();
		var displacement_id=$("select[name='displacement_id']").val();
		if(car_id!=-1&&car_id!=""&&model_id!=-1&&model_id!=""&&displacement_id!=-1&&displacement_id!=""){
			$("#sub_btn").removeAttr("disabled").removeClass("disabled");
		}else{
			$("#sub_btn").attr("disabled","disabled").addClass("disabled");
		}
	});
});
</script>
<footer class="container8">
                        <div class="foot column8">
                            <p>
                               <a href="tel:400-082-0909">400-082-0909</a><br>
                                服务热线 (免长话费 )<br>
                                服务时间   9:00-18:00<br>
                                热线时间   9:00-18:00
                            </p><br>
                            
                        </div>
                        <div class="foot-b column8">版权所有 京ICP备14003038号-2 保留一切权利<br>创新工场家族成员</div>
                    </footer>

</body></html>